@charset "utf-8";

/*header*/
.header .inhead{position: relative;}
.header .inhead .container{position: relative;}
.header .inhead .logo{float: left; padding-top: 5%; padding-bottom: 5%;}
.header .inhead .logo a{display: block;}
.header .inhead .search{position: absolute; top: 50%; right: 0; width: 32%; margin-top: -20px; min-width: 305px;}
.header .inhead .search dl{position: relative; width: 100%; background: #fff; background-color: rgba(255,255,255,1); border-radius: 100px; overflow: hidden;}
.header .inhead .search dl dd{position:relative; margin-right: 6em;}
.header .inhead .search dl dd input[type="text"]{height: 40px; line-height: 40px; width: 90%; padding: 0 5%; font-size:1em; color: #666; background: none;  border: none; vertical-align: top;}
.header .inhead .search dl dd input::-webkit-input-placeholder{color: #666;}
.header .inhead .search dl dt.button{position: absolute; top: -1px; right: 0; bottom: -1px; width: 6em;}
.header .inhead .search dl dt .searchBtn{width: 100%; height: 100%; font-size: 1em; color: #fff; background: #1a9900; -webkit-appearance: none; vertical-align: top; cursor: pointer; border: 1px solid #1a9900; border-radius: 100px;}
.header .inhead .search dl dt .searchBtn:hover{filter: alpha(opacity=95); -moz-opacity: .95; opacity: .95;}

.header-toolbar{position: absolute; top: 25px; right: 0;}
.header-toolbar a{float: left; margin-left: 10px; color: #fff; font-size: 1.125em; padding: .4em 1em; /*background: rgba(0,0,0,.5);*/ border-radius: 5px;}

.header-menu{background-color: #0e2531;}
.header-menu .mainnav li{float: left; position: relative; width: 14.28571%; text-align: center; }
.header-menu .mainnav li a{display: block; position: relative; padding-top: 8px; padding-bottom: 8px; font-size: 1.125em; color: #fff; text-align: center;}
.header-menu .mainnav li a:before{display: inline-block; vertical-align: top; content: ""; margin-right: 10px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center;}
.header-menu .mainnav li a font{display: inline-block; vertical-align: top; position: relative; z-index: 2; line-height: 40px;}
.header-menu .mainnav li a:after{position: absolute; top: 0; bottom: 0; left: 0; content: ""; width: 1px; transition: all .3s; background-color: #555;}
.header-menu .mainnav li.navli0 a:after{content: normal;}
.header-menu .mainnav li.navli0 a:before{background-image: url(../images/public/mainnav_icon_01.png);}
.header-menu .mainnav li.navli1 a:before{background-image: url(../images/public/mainnav_icon_02.png);}
.header-menu .mainnav li.navli2 a:before{background-image: url(../images/public/mainnav_icon_03.png);}
.header-menu .mainnav li.navli3 a:before{background-image: url(../images/public/mainnav_icon_04.png);}
.header-menu .mainnav li.navli4 a:before{background-image: url(../images/public/mainnav_icon_05.png);}
.header-menu .mainnav li.navli5 a:before{background-image: url(../images/public/mainnav_icon_06.png);}
.header-menu .mainnav li.navli6 a:before{background-image: url(../images/public/mainnav_icon_07.png);}